<template>
	<view class="box">
		<view class="top">
			<view class="left">
				<!-- <view class="title">{{config.contact_title}}</view> -->
				<image :src="config.mall_logo_pic" mode="widthFix"></image>
				<view class="phone">加盟热线：{{ config.contact_tel }}</view>
				<text class="phone_smile">{{ config.contact_string }}</text>
			</view>
			<image class="right" :src="config.qr_code" mode="widthFix"></image>
		</view>
		<view class="bottom">
			<view>地址：{{ config.quick_map_address }}</view>
			<view>邮箱：{{ config.contact_email }}</view>
			<view>官网：{{ config.contact_name }}</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			config: {}
		};
	},
	created() {
		let data = uni.getStorageSync('_APP_CONFIG');
		this.config = data.mall.setting;
		console.log(this.config);
	},
};
</script>

<style lang="scss" scoped>
.box {
	padding: 0 40upx;
	font-family: '微软雅黑';
	.top {
		display: flex;
		justify-content: space-between;
		align-items: center;
		.left {
			width: calc(100% - 140rpx);
			image {
				width: 230upx;
			}
			.title {
				font-size: 0.95em;
				margin-bottom: 20upx;
			}
			.phone {
				font-weight: bold;
				font-size: 0.9em;
			}
			.phone_smile {
				font-size: 0.7em;
				color: #555;
			}
		}
		.right {
			width: 130upx;
		}
	}
	.bottom {
		font-size: 0.7em;
		margin-top: 30upx;
		color: #555;
	}
}
</style>
